<!DOCTYPE html>
<html lang="en">
<head>
    {% load static %}
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{{ title|default:'老男孩教育' }}</title>
    <!-- animate动画库 -->
    <link rel="stylesheet" href="{% static 'styles/animate.min.css' %}">
    <!-- 全局样式 -->
    <link rel="stylesheet" href="{% static 'styles/global.css' %}">
    <!-- 头部html样式 -->
    <link rel="stylesheet" href="{% static 'styles/header.css' %}">
    <!-- 底部html样式 -->
    <link rel="stylesheet" href="{% static 'styles/footer.css' %}">
    <!-- html样式 -->
    <!-- 每一个页面单独的css -->
    {% block css %}

    {% endblock %}
</head>
<body>
<!-- 头部html -->
<header>
    <section class="old-slogan">
        <div>
            <p><img src="{% static 'images/header/slogan1.png' %}" alt="">帮助有志向的年轻人通过努力学习获得体面的工作和生活</p>
            <p><img src="{% static 'images/header/slogan2.png' %}" alt="">全国免费咨询电话 : 400-609-2893</p>
        </div>
    </section>
    <section class="head-nav">
        <div class="nav-content">
            <div class="nav-logo">
                <p class="logo">
                    <a href="../home/home.html" class="logo-img1">
                        <img src="{% static 'images/header/logo.png' %}" alt="">
                    </a>
                    <a href="../home/home.html" class="logo-img2">
                        <img src="{% static 'images/header/back-home.jpg' %}" alt="">
                    </a>
                </p>
                <span class="pipe"></span>
                <div class="region-toggle">
                    <p class="region-default">
                        <img src="{% static 'images/header/beijin.png' %}" alt="">
                        <span>北京校区</span>
                        <i></i>
                    </p>
                    <ul class="region-list">
                        <a href="{% static 'pages/home/home.html' %}">
                            <li><img src="{% static 'images/header/beijin.png' %}" alt="">北京校区</li>
                        </a>
                        <a href="{% static 'pages/shanghai-home/shanghai-home.html' %}">
                            <li><img src="{% static 'images/header/head-sel-img2.jpg' %}" alt="">上海校区</li>
                        </a>
                        <a href="{% static 'pages/shenzhen-home/shenzhen-home.html' %}">
                            <li><img src="{% static 'images/header/head-sel-img3.jpg' %}" alt="">深圳校区</li>
                        </a>
                    </ul>
                </div>
            </div>
            <div class="nav-list">
                <ul class="nav-item">
                    <li><a href="{% static 'pages/teachers-power/teachers-power.html' %}" target="_blank">师资力量</a></li>
                    <li class="course-center"><a>课程中心</a></li>
                    <li><a href="{% static 'pages/video-library/video-library.html' %}" target="_blank">自学视频</a></li>
                    <li><a href="{% static 'pages/oldboy-books/oldboy-books.html' %}" target="_blank">原创书籍</a></li>
                    <li><a href="https://www.luffycity.com/home" target="_blank">在线学习</a></li>
                    <li><a href="{% static 'pages/classmate-say/classmate-say.html' %}"
                           target="_blank">同学说</a><span>99+</span></li>
                    <li><a href="{% static 'pages/classmate-say/student-interview.html' %}" target="_blank">学员专访</a>
                    </li>
                    <li><a href="{% static 'pages/enterprise-train/enterprise-train.html' %}" target="_blank">企业内训</a>
                    </li>
                </ul>
                <a href="{% static 'pages/signin/signin.html' %}" class="signin-btn">
                    <img src="{% static 'images/header/signin-btn.png' %}" alt="">
                    <span>登录</span>
                </a>
            </div>
            <div class="nav-course">
                <div class="nav-course-list">
                    <dl>
                        <a href="" target="_blank">
                            <dt><img src="{% static 'images/header/head-course-img1.jpg' %}" alt=""></dt>
                            <dd>Python全栈开发</dd>
                        </a>
                    </dl>
                    <dl>
                        <a href="" target="_blank">
                            <dt><img src="{% static 'images/header/head-course-img2.jpg' %}" alt=""></dt>
                            <dd>Linux云计算运维</dd>
                        </a>
                    </dl>
                    <dl>
                        <a href="" target="_blank">
                            <dt><img src="{% static 'images/header/head-course-img3.jpg' %}" alt=""></dt>
                            <dd>网络安全工程师</dd>
                        </a>
                    </dl>
                    <dl>
                        <a href="" target="_blank">
                            <dt><img src="{% static 'images/header/head-course-img4.jpg' %}" alt=""></dt>
                            <dd>大数据工程师</dd>
                        </a>
                    </dl>
                    <dl>
                        <a href="" target="_blank">
                            <dt><img src="{% static 'images/header/head-course-img5.jpg' %}" alt=""></dt>
                            <dd>新媒体运营经理</dd>
                        </a>
                    </dl>
                    <dl>
                        <a href="" target="_blank">
                            <dt><img src="{% static 'images/header/head-course-img6.jpg' %}" alt=""></dt>
                            <dd>JAVA EE</dd>
                        </a>
                    </dl>
                </div>
            </div>
        </div>
    </section>
</header>

{% block main %}

{% endblock %}

<!-- 底部html -->
<footer>
    <div class="foot-item">
        <div class="foot-top">
            <ul>
                <li>
                    <p class="p1"><a>关于我们</a></p>
                    <p class="p2"><a href="../about-us/about-us.html" target="_blank">老男孩简介</a></p>
                    <p class="p3"><a href="../join-oldboy/join-oldboy.html" target="_blank">加入老男孩</a></p>
                </li>
                <li>
                    <p class="p1"><a>旗下品牌</a></p>
                    <p class="p2"><a href="" target="_blank">在线网校</a></p>
                    <p class="p3"><a href="" target="_blank">老男孩兄弟会</a></p>
                </li>
                <li>
                    <p class="p1"><a>校园攻略</a></p>
                    <p class="p2"><a href="{% static 'pages/learn-process/learn-process.html' %}"
                                     target="_blank">我要报名</a></p>
                    <p class="p2"><a href="{% static 'pages/school-route/school-route.html' %}" target="_blank">来校路线</a>
                    </p>
                    <p class="p3"><a href="" target="_blank">校园环境</a></p>
                </li>
                <li>
                    <p class="p1"><a>学习资源</a></p>
                    <p class="p2"><a href="../video-library/video-library.html" target="_blank">自学教程</a></p>
                    <p class="p2"><a href="../technology-blog/technology-blog.html" target="_blank">技术博客</a></p>
                    <p class="p3"><a href="../technology-blog/industry-news.html" target="_blank">行业新闻</a></p>
                </li>
                <li>
                    <p class="p1"><a>学习故事</a></p>
                    <p class="p2"><a href="" target="_blank">精彩访谈</a></p>
                    <p class="p2"><a href="" target="_blank">学员成果</a></p>
                </li>
            </ul>
            <div class="foot-num">
                <div class="code">
                    <p>
                        老男孩公众号<br>
                        <img src="{% static 'images/footer/code1.png' %}" alt="">
                    </p>
                    <p>
                        个人公众号<br>
                        <img src="{% static 'images/footer/code2.png' %}" alt="">
                    </p>
                </div>
                <div class="number">
                    <p class="phone">400-609-2893</p>
                    <p class="tip">周一至周日 9:00-19:00（仅收市话费）</p>
                    <a href="">
                        <button></button>
                    </a>
                </div>
            </div>
        </div>
        <ul class="foot-center">
            <span></span>
            <li><a href="" target="_blank">友情链接</a></li>
            <li><a href="" target="_blank">老男孩网络课堂</a></li>
            <li><a href="" target="_blank">老男孩教育博客</a></li>
            <li><a href="" target="_blank">老男孩Linux</a></li>
            <li><a href="" target="_blank">培训Alex博客</a></li>
        </ul>
        <div class="foot-bottom">
            <p>Copyright © , xxxxxxxxx Digital Co., Ltd. All Rights Reserved.</p>
            <p>北京一天天教育科技有限公司</p>
            <p>京ICP备13038099号-3</p>
            <span></span>
            <p>版权说明</p>
        </div>
    </div>
</footer>

<!-- jquery -->
<script src="{% static 'plugins/jquery.min.js' %}"></script>
<!-- 头部动效 -->
<script src="{% static 'components/header.js' %}"></script>
<!-- 动效 -->
<!-- 每一个页面单独的js -->
{% block js %}

{% endblock %}

</body>
</html>